
article, footer, header, section
{
	display: block;
}
body
{

	background: gradient(
                        linear,
     			left bottom,
    			left top,
    			color-stop(0.05, rgb(240,226,234)),
    			color-stop(0.53, rgb(120,143,255)),
    			color-stop(0.77, rgb(38,113,171))
	) no-repeat;

	background: -webkit-gradient(
                        linear,
     			left bottom,
    			left top,
    			color-stop(0.05, rgb(240,226,234)),
    			color-stop(0.53, rgb(120,143,255)),
    			color-stop(0.77, rgb(38,113,171))
	) no-repeat;
	background: -moz-linear-gradient(
    			center bottom,
    			rgb(240,226,234) 5%,
    			rgb(120,143,255) 53%,
    			rgb(38,113,171) 77%
	) no-repeat;

	background: -o-gradient(
                        linear,
     			left bottom,
    			left top,
    			color-stop(0.05, rgb(240,226,234)),
    			color-stop(0.53, rgb(120,143,255)),
    			color-stop(0.77, rgb(38,113,171))
	) no-repeat;

	
	font-family: "Cabin","Helvetica", Arial;
	font-size: 16px;
	text-align: center;
        
}
footer, header, section
{
	background: #FFF;
	border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-o-border-radius: 0.5em;
	box-shadow: rgba(0,0,0,0.5) 0 5px 10px;
	margin: 1em auto;
	padding: 1em;
	width: 960px;
}

header
{
 
	color: #33F
	text-align: left;
	background: #FFF;
}

header h1
{
	background: url("logo.png") no-repeat -10px -12px;
	margin: 10px -140px 10px 120px;
	font-family: 'Oswald', arial, serif; 
	font-size: 2.5em;
	text-color:#CCC;
	text-shadow: rgba(200,200,200,0.75) 5px 5px 5px;
	-webkit-text-shadow: rgba(200,200,200,0.75) 5px 5px 5px;
	-moz-text-shadow: rgba(200,200,200,0.75) 5px 5px 5px;
	-o-text-shadow: rgba(200,200,200,0.75) 5px 5px 5px;
	
}

#formulario
{
	background: #2C4761;
	border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-o-border-radius: 0.5em;
	color: white;
	font-size: 1.5em;
	margin: 0 auto 2em;
	padding: 0.5em;

	text-align: center;
	width: 50%;
}

#formulario input,textarea, select
{
	display: block;
	font-size: 24px;
	margin: 0.5em auto 0;
	width: 50%;
	text-align:center;
}


#formulario input[type="submit"], #menu button 
{
	background: #66CC33;
	border: 1em;
	border-radius: 0.5em;
	font-size: 24px;
	width:50%;
	elevation:higher;
}

#historia
{
	column-count: 3;
	-webkit-column-count: 3;
	column-gap: 2em;
	-webkit-column-gap: 2em;
	column-rule: 2px dotted #A0A;
	-webkit-column-rule: 2px solid #CCC;
	text-align: justify;
}
#menu
{
	width: 90%;
	margin: 1em auto;
}

#menu article
{
	background: #FF9;
	border-radius: 2em;
	box-shadow: rgba(0,0,0,0.5) 0 5px 10px;
	display: inline-block;
	margin: 1%;
	padding: 1%;
	width: 28%;
	
	transform: scale(1);
	-webkit-transform: scale(1);
	transition: transform 0.5s linear;
	-webkit-transition: -webkit-transform 0.5s linear;
}
#menu article:hover
{
	background: #FFF;
	position: relative; 
	transform: scale(1.3);
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	transition: transform 0.5s linear;
	-webkit-transition: -webkit-transform 0.5s linear;
	-moz-transition: -webkit-transform 0.5s linear;
	z-index: 99;
}

/**

biolab
http://www.cristalab.com/tutoriales/animacion-en-css-parallax-scrolling-c94765l/
http://raphaeljs.com/
http://www.cristalab.com/tutoriales/introduccion-a-html5-c92171l/

http://labs.adobe.com/downloads/wallaby.html
http://html5boilerplate.com/
http://remysharp.com/2009/01/07/html5-enabling-script/

wallaby

introduccion a html5

html5

html5 boilerplate
fetchhack

Mediastream.cl


Codecs
Divx
H.264
Sorenson Spark
VP8
XviD
x264
On2 Vp6
Vorbis/Theora

contenedores:
.avi
mp4
ogb
mkv
flv
f4v
mov
ogg
3gp
/ *********** /
		.mp4   H.264			.ogv Vorbis    		.webm   VP8
FF							X    				X
IE9			X
Sa			X
O							X				X
Chr			X								X

IOS			X
Android		X								X

 jquery
 http://code.google.com/intl/es-ES/apis/libraries/devguide.html
@font-face kits
http://caniuse.com/
http://www.fontsquirrel.com/

 */

/*
   fontface
            	.ttf     	.woff    	.eot     	.svg
IE						 X
FF		X		X
Saf								X
Webkit		X
O		X		X
IE9				X
IOS								X
Android		X		X				

 */
